<template>
	<div id="Home">
		<div class="col-md-12 banner text-center">
			<div class="background">
				<h2>Welcome To Pizza</h2>
				<h3>这里有全国最美味的pizza</h3>
				<button @click='goTomenu' class="btn btn-success">Let's Order!</button>
			</div>
		</div>
	</div>
</template>
<script type="text/javascript">
	
	export default{
		data(){
			return {
				
			}
		},
		methods:{
			goTomenu(){
				// 跳转到上次浏览的页面
				// this.$router.go(-1);
				// 跳转到指定的页面
				this.$router.push('/menu');
			},
		},
	};
</script>

<style type="text/css" lang="scss">
	#Home{
		.banner{
        height: 85vh;
        padding:10%;
        background:url(../assets/pizza.jpg) repeat-x;
		.background{
		   background: #ccc;
		   opacity: 0.85;
		   padding:5% 0;
		   h2,h3{
		   	padding-bottom:2.5%;
		   }
		}
	  }
	}
</style>